<template>
  <PageWrapper tabbar>
    <view class="pt-20rpx">
      <wd-card title="unocss/图标测试">
        <view class="w-600rpx h-200px bg-red rounded-16rpx">
          <view class="i-ic:baseline-brightness-high w-100rpx h-100rpx" />
        </view>
      </wd-card>
      <wd-card title="pinia测试">
        <view class="flex flex-col">
          <text>{{ testStore.count }}</text>
          <view>
            <wd-button type="primary" @click="testStore.increment">增加</wd-button>
          </view>
        </view>
      </wd-card>
    </view>
  </PageWrapper>
</template>
<script setup lang="ts">
  import PageWrapper from '@/components/Page/PageWrapper.vue';

  import { useTestStore } from '@/store/modules/test';

  const testStore = useTestStore();
</script>

<style scoped></style>
